<?php if (!defined('THINK_PATH')) exit();?>﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>普拉斯在线商城</title>
     <link rel="icon" href="/Public/Uploads/tou.png" mce_href="/Public/Uploads/tou.png" type="image/x-icon" />
    <link rel="stylesheet" href="https://store.res.meizu.com//layout/css/layout-f37b367275.css" />
    <link rel="stylesheet" href="/Public/shop/assets/css/amazeui.css"/>

    <link href="/Public/shop/css/index.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/Public/shop/css/swiper.min.css">
    <script src="/Public/shop/js/jquery-1.4.2.min.js"></script>
    <script src="/Public/shop/js/swiper.min.js"></script>
    <style>
         .meizu-header-user-dropdown {
            display: block;
            position: absolute;
            right: 0;
            z-index: 1;
            width: 98px;
            background-color: #fff;
            top: 64px;
            left: 50%;
            border-radius: 2px;
            box-sizing: border-box;
            text-align: center;
            padding: 15px 0;
            margin-left: -48px;
            box-shadow: 0 0 5px rgba(0,0,0,.1);
             display: none;
        }

        .meizu-header-user-dropdown:after {
            display: block;
            content: '';
            width: 0;
            height: 0;
            border: 10px solid;
            border-color: transparent transparent #fff;
            left: 40px;
            top: -15px;
            position: absolute
        }
         .meizu-header-user-dropdown li{
             font-size: 12px;
             display: block;
             margin: 15px auto
         }
         .meizu-header-user-dropdown li:first-child{margin-top: 0;}
         .meizu-header-user-dropdown li:last-child{margin-bottom: 0;}
         .meizu-header-user-dropdown li a{
             position: relative;
             z-index: 4;
             color: #515151;
         }
         .meizu-header-user-dropdown li a:hover{ color:#31a5e7;}
        #layoutHeaderUser:hover .meizu-header-user-dropdown{ display: block;}
         .home-settlement{transition: height 1s ease-in-out,top 1.5s ease-in-out,opacity 1.5s linear;z-index: 100 }
         .ul2{
            width: 100%;
            height: 50px;
            border:1px solid #eee;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 100;
            background-color:white;
            z-index: 50;
         }
         .li3{
               float: left;
    
    color: black;
    margin-left: 64px;
    padding-top: 7px;
         }
         .btn{
            background-color: #1ac9f7;
            padding: 5px 10px;
            color: white;
         }
         .ul2 span{
float: left;
float: left;
    margin-right: 20px;
    display: inline-block;
    color: black;

         }
         .active3{
border-bottom: 1px solid #1ac9f7;
         }
         #all:hover{
                 
         }
            .home-category .home-category-child {
    display: none;
    position: absolute;
    height: 468px;
    left: 244px;
    top: 0;
    background-color: #fff;
    white-space: nowrap;
    font-size: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}
    </style>
</head>

<body>
<!-- common header -->
<!--小广告-->
<?php if($show == 1): ?><ul class="ul2">
<li class="li3 active3"><a href="3">商品详情</a></li>
<li class="li3"><a href="3">规格参数</a></li>
<li class="li3"><a href="3">常见问题</a></li>

<div style="clear:both;float:right;margin-right: 20px;margin-top: -20px;"></div>
<div style="float:right;margin-right: 20px;color: red;margin-top: -20px;"><span style="color: red" id="headclass">￥<?php echo ($proInfo["scjiage"]); ?></span><button class="btn" id="btn">立即购买</button></div>
<br/>
</ul><?php endif; ?>


<script>
$(".li3").click(function(){
    $(this).addClass("active3").siblings().removeClass("active3");
})
</script>
<div class="home-settlement" id="homeSettlement">
    <div >
        <img src="<?php echo ($couAdv['img_url']); ?>" alt=" " class="home-settlement-img" >
        <a href="javascript:;"onClick="$(this).parent().hide();" class="home-settlement-point close" title="关闭">
            <i class="home-font close"></i>
        </a>
        <a href="<?php echo U('Home/Index/countList');?>" class="home-settlement-point" style="width: 1920px; height: 120px; left: 0px; top: 0px;" target="_blank"  ></a>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        setTimeout(function () {   
        $('#homeSettlement').remove();  
    }, 10000);  
        
    })
</script>
<header class="layout-header clearfix" style="height: auto;" id="layoutHeader">
    <div class="mzcontainer">
        <div class="layout-header-logo" style=" width: 164px; padding: 10px 0;"> 
        <a  href="javascript:;" class="layout-header-logo-link" style="width: 134px;"><img src="/Public/index/images/logo.png" style="width: 150px; display: inline-block;
    
     height: auto; 
    margin-top: 27px;" > </a> </div>

            <ul class="layout-header-service clearfix" style="float: right;">
                <li class="layout-header-service-item layout-header-service-search mz-autocomlete" id="layoutHeaderSearch">
                    <input class="mz-autocomlete-input" placeholder="请输入产品名">
                    <i class="layout-font layout-font-search search-btn"></i></li>
                <li class="layout-header-service-item" id="layoutHeaderUser" style="height: 100px;">
                    <?php if(session('userInfo')): ?><a class="layout-header-service-link" href="<?php echo U('Home/Person/index');?>" data-mtype="wmz_public_yt_mycenter"> <img src="" alt=" " class="layout-header-service-avatar"> </a>
                        <?php else: ?>
                        <a class="layout-header-service-link" href="<?php echo U('Home/Shop/login');?>" data-mtype="wmz_public_yt_mycenter"> <img src="" alt=" " class="layout-header-service-avatar"> </a><?php endif; ?>
                    <ul class="meizu-header-user-dropdown">

                        <?php if(session('userInfo')): ?><li><a href="<?php echo U('Home/Person/order');?>">我的订单</a></li>
                            <li><a href="<?php echo U('Home/Shop/quit');?>">退出</a></li>
                            <?php else: ?>
                            <li><a href="<?php echo U('Home/Shop/login');?>" id="all">立即登录</a></li>
                            <li><a href="<?php echo U('Home/Shop/register');?>">立即注册</a></li><?php endif; ?>
                    </ul>
                </li>
                <li class="layout-header-service-item layout-header-service-cart" id="layoutHeaderCart"> <a class="layout-header-service-link" href="<?php echo U('Index/Shop/shop_cart');?>" data-mtype="wmz_public_yt_cart"> <i class="layout-font layout-font-cart1"></i> <span class="layout-header-service-cart-num">0</span> </a> </li>
            </ul>

        <ul class="layout-header-nav clearfix" id="layoutHeaderNav" style="float: left; margin-left: 20%;margin-top: -63px;">
            <li class="layout-header-nav-item"> <a href="/" class="layout-header-nav-link" >首页</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Shop/index');?>" class="layout-header-nav-link" >商城首页</a> </li>
            <li class="layout-header-nav-item"> <a href="javascript:;" class="layout-header-nav-link" >资料下载</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/aboutus',array('id'=>58));?>" class="layout-header-nav-link" >关于我们</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/news');?>" class="layout-header-nav-link" >新闻中心</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/hotTech');?>" class="layout-header-nav-link" >热流道技术</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/clientFace');?>" class="layout-header-nav-link" >客户面对面</a> </li>
        </ul>
        <div class="layout-header-nav-downmenu" id="layoutHeaderNavDownmenu"></div>
    </div>
</header>
<script>
    $(".search-btn").click(function () {
        var shopName=$(".mz-autocomlete-input").val();
        if($(".mz-autocomlete-input").val()==""){
            alert('请输入搜索产品关键字');
            return false;
        }else{
            location.href="/index.php/Home/Shop/search?goodName="+shopName;
        }
    })
</script>

<link rel="stylesheet" href="/Public/shop/css/list.css">
<main class="wrapper page-search" id="main">
    <div class="container">
        <section class="crumbs clearfix">
            <a data-mtype="store_list_mbx_index" href="<?php echo U('Home/Shop/index');?>">首页</a> &nbsp;&gt;&nbsp;
            <span class="crumbs-level" id="crumbsLevel" data-mtype=""><?php echo ((isset($class_name["class_name"]) && ($class_name["class_name"] !== ""))?($class_name["class_name"]):"全部商品"); ?></span>
        </section>
        <section class="brand" id="brand" style="display: none"></section>

        <section class="selector" id="selector">
            <!--  分类部分 start -->
            <div class="sl-category" id="slCategory">
                <div class="sl-line-wrap">
                    <div class="mod-key">
                        分类：
                    </div>
                    <div class="mod-value">
                        <div class="mod-value-list">
                            <ul>
                                <?php if(is_array($nav)): $i = 0; $__LIST__ = $nav;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li class="">
                                        <a href="<?php echo U('Home/Shop/shopItemList',array('pid'=>$vo['id']));?>" title="<?php echo ($vo['class_name']); ?>">
                                            <?php echo ($vo['class_name']); ?>
                                        </a>
                                    </li><?php endforeach; endif; else: echo "" ;endif; ?>
                            </ul>
                        </div>
                    </div>
                    <div class="mod-ext">
                        <a class="sl-e-more J_extMore" href="javascript:;" data-mtype="store_list_fl_more_9">更多<i
                                class="iconfont"></i></a>
                    </div>
                </div>

            </div>

        </section>

        <!--<section class="filter clearfix" id="filter" style="display: block;">-->
        <!--<div class="filter-order" id="J_filterOrder">-->
        <!--<a class="active" data-tag="0" data-mtype="store_list_sx_1" href="javascript:void(0);">-->
        <!--推荐-->
        <!--</a>-->
        <!--<a data-tag="1" data-mtype="store_list_sx_2" href="javascript:void(0);">-->
        <!--新品-->
        <!--</a>-->
        <!--<a data-tag="2" data-mtype="store_list_sx_3" href="javascript:void(0);">-->
        <!--价格<i class="icon-arrow-down"></i>-->
        <!--</a>-->
        <!--</div>-->
        <!--<div class="filter-condition" id="J_filterCondition">-->
        <!--<label class="bs-checkbox" data-mtype="store_list_sx_xz">-->
        <!--<i></i>仅显示有货商品-->
        <!--</label>-->
        <!--</div>-->
        <!--</section>-->

        <section class="goods-list" id="goodsList" style="display: block;">
            <ul class="goods-list-wrap clearfix" id="goodsListWrap">
                <?php if(is_array($list)): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i; if(is_array($vo["erji"])): $i = 0; $__LIST__ = $vo["erji"];if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$erji): $mod = ($i % 2 );++$i;?><li class="gl-item">
                            <a  href="<?php echo U('Home/Shop/article',array('id'=>$erji['id']));?>" title="<?php echo ($vo['title']); ?>">
                                <div class="gl-item-wrap">
                                    <div class="mod-pic">
                                        <img width="220" height="220" class="j-modProduct"
                                                              src="<?php echo ($erji['img_url']); ?>"/>
                                    </div>
                                    <!--<div class="item-slide j-pro-wrap">-->
                                    <!--<dl style="display: block;"><dd class="active" data-skuid="5101" data-mtype="store_list_kw_1_clr_1"><img width="40" height="40" src="images/list.png"></dd></dl>-->
                                    <!--</div>-->
                                    <h2><?php echo (cutStr($erji['title'],10,0,1)); ?></h2>
                                    <h3 class="red" title="<?php echo (cutStr($erji['content'],30,0,1)); ?>">
                                        <?php echo (cutStr($verji['content'],30,0,1)); ?></h3>
                                    <div class="mod-price"><em>￥</em><span class="vm-price"><?php echo ($erji['jiage']); ?></span><span
                                            class="vm-start">起</span>
                                    </div>
                                </div>
                            </a>
                        </li><?php endforeach; endif; else: echo "" ;endif; endforeach; endif; else: echo "" ;endif; ?>
            </ul>
        </section>
        <style>
            #pages a {
                display: inline-block;
                color: #000;
                text-align: center;
                text-decoration: none;
                padding-left: 8px;
                padding-right: 8px;
                border-radius: 4px;
                background: #fff;
                margin-right: 3px;
                border: 1px solid #DDDDDD;
            }
        </style>
        <section class="pages" id="pages" style="display: block;">
            <div class="ui-paginate">
                <?php echo ($page); ?>
            </div>
        </section>

        <section class="more-brands" style="display: none"></section>
        <section class="list-floorad" style="display: none"></section>

        <section class="recommend" id="recommend">
            <div class="recommend-hd">
                <h2 class="mod-title">为您推荐</h2>
            </div>
            <!--        热点-->
            <div class="recommend-slider" id="J_recommendSlider">
                <div class="swiper-containeredian">
                    <div class="swiper-wrapper">
                        <?php if(is_array($tjList)): $i = 0; $__LIST__ = $tjList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="swiper-slide">
                                <a class="rs-item-wrap" href="<?php echo U('Home/Shop/article',array('id'=>$vo['id']));?>" target="_blank">
                                    <div class="mod-pic">
                                        <img class="lazy" width="180" height="180" class="lazy" src="<?php echo ($vo['img_url']); ?>"/>
                                    </div>
                                    <div class="mod-desc">
                                        <h4 class="vm-title"><?php echo (cutStr($vo["title"],10,0,1)); ?></h4>
                                        <!--<h6 class="vm-subtitle" title="领券立减50元">领券立减50元</h6>-->
                                        <p class="vm-price">
                                            <span>¥</span><span class="vm-price-text"><?php echo ($vo["jiage"]); ?></span>
                                        </p>
                                    </div>
                                </a>
                            </div><?php endforeach; endif; else: echo "" ;endif; ?>
                    </div>

                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
            <!--热点		-->
        </section>
    </div>
</main>


<style>
.am-icon-wechat:before, .am-icon-weixin:before {
    content: "";
}
.layout-magnet-text{
    margin-left:8px;
}
.layout-magnet .layout-magnet-cart-num{
        right: 50px;
}
.layout-footer .layout-footer-media {
    float: right;
    margin-right: 63px;
}
</style>
<footer class="layout-footer">
    <div class="mzcontainer">
        <section class="layout-footer-top clearfix">
            <ul class="layout-footer-services clearfix">
                <?php if(is_array($footSerList)): $i = 0; $__LIST__ = $footSerList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li class="layout-footer-services-item">
                        <a href="javascript:;" class="layout-footer-services-link" >
                            <span class="layout-footer-service-wrap"><i class="layout-font layout-font-foot5"></i></span> <span class="layout-footer-services-text"><?php echo ($vo["class_name"]); ?></span>
                        </a>
                    </li><?php endforeach; endif; else: echo "" ;endif; ?>
            </ul>
            <div class="layout-footer-contact" style="margin-bottom: 16px;">
                <p class="layout-footer-contact-desc">24小时全国服务热线</p>
                <a href="tel:<?php echo ($info["shouji"]); ?>" class="layout-footer-contact-tel"><?php echo ($info["shouji"]); ?></a>
                <p> <a href="javascript:void(0);"  class="layout-footer-contact-online" > <i class="layout-font layout-font-talk1"></i><span class="text">在线客服</span> </a> </p>
            </div>
        </section>
        <section class="layout-footer-bottom clearfix" style="    margin-top: -78px;">
            <ul class="layout-footer-interlock clearfix">
                <li class="layout-footer-interlock-item"> <a href="javascript:;" target="_blank" class="layout-footer-interlock-link">招聘信息</a> </li>
                <li class="layout-footer-interlock-item"> <a href="<?php echo U('Index/Index/aboutus',array('id'=>58));?>" target="_blank" class="layout-footer-interlock-link">关于我们</a> </li>
                <li class="layout-footer-interlock-item"> <a href="<?php echo U('Index/Index/aboutus',array('id'=>59));?>" target="_blank" class="layout-footer-interlock-link">联系我们</a> </li>
            </ul>
            <div class="layout-footer-copyright clearfix"> <span class="layout-footer-copyright-left">
                <a class="layout-footer-copyright-link copyright-text"><?php echo ($info["power_by"]); ?></a>
                <a class="layout-footer-copyright-link" hidefocus="true" target="_blank"></a>
               <a class="layout-footer-copyright-link"  target="_blank"><?php echo ($info["record_num"]); ?></a>
                 </span>
                <ul class="layout-footer-media clearfix">
                    <li class="layout-footer-media-item"> <a href="" class="layout-footer-media-link"> <i class="layout-font layout-font-weibo"></i> </a> </li>
                    <li class="layout-footer-media-item"> <a href="javascript:void(0);" class="layout-footer-media-link wechat"> <i class="layout-font layout-font-wechat"></i>
                        <div class="layout-footer-media-wechat-qrcode"> <img class="layout-footer-media-wechat-img" src="<?php echo ($info["weixin"]); ?>" alt="微信二维码"> </div>
                    </a> </li>
                    <li class="layout-footer-media-item"> <a href="" class="layout-footer-media-link"> <i class="layout-font layout-font-qzone"></i> </a> </li>
                </ul>
            </div>
        </section>
    </div>
</footer>

<!--<div class="layout-user-downmenu">-->
    <!--<ul class="layout-user-downmenu-list">-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_login">立即登录</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" target="_blank" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_register">立即注册</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_myorder">我的订单</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_mformy">M码通道</a> </li>-->
    <!--</ul>-->
<!--</div>-->

<div class="layout-magnet" style="bottom: 100px; right: 11px;">
<p class="close"><a href="#">X</a></span>
<script>
$(".close").click(function(){
    $(".layout-magnet").css("display","none");
})
</script>
    <ul class="layout-magnet-list"    style="width: 55px;">
        <li class="layout-magnet-item1" style="background-color: rgba(0,0,0,0.3);margin-bottom: 1px;"> <a href="shop_cart.html" class="layout-magnet-link" data-mtype="wmz_public_cbxf_cart">
            <div class="layout-magnet-icon"> <i class="layout-font layout-font-cart"></i> </div>
          
            <span class="layout-magnet-cart-num" id="storeMagnetCartNum" style="right:12px;top:50px"> <span class="layout-magnet-cart-text"><?php echo count(session('cartNum'));;?></span> </span> </a> </li>
        <li class="layout-magnet-item layout-magnet-item-app" style="background-color: rgba(0,0,0,0.3);"> <a href="javascript:void(0);" class="layout-magnet-link">
          
            <div class="layout-magnet-text">公众号</div>
            <div class="layout-magnet-download" style="right:98px">
                <div class="layout-magnet-download-body"> <img src="/Public/shop/images/qrcode-33xxe5b72a.png" class="layout-magnet-qrcode" alt="QRCode">
                    <p class="layout-magnet-download-text" style="margin-top: 2px;">扫码关注公众号</p>
                </div>
            </div>
        </a> </li>
        <li class="layout-magnet-item1 layout-magnet-item-top" style="background-color: rgba(0,0,0,0.3);;"> <a href="javascript:void(0);" class="layout-magnet-link" data-mtype="wmz_public_cbxf_top" id="test">
            <div class="layout-magnet-icon"> <i class="layout-font layout-font-top"></i> </div>
    <script>
test.onclick = function(){
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
</script>

        </a> </li>
    </ul>
    <a class="layout-magnet-minimize layout-magnet-icon layout-magnet-link" href="javascript:void(0);"> <i class="layout-font layout-font-minimize"></i> </a> </div>
</body>
</html>
<script src="js/scroll.js"></script>
<script>
    $(function(){
        $('#homeCategory li ').mouseover(function(){ $(this).children('div').show();}).mouseout(function(){ $(this).children('div').hide();})
        $('#layout-magnet-text').click(function(){$("html,body").animate({scrollTop:0}, 500);})
        $('.home-floor-content').each(function(v,k){
            $('.home-floor-content').eq(v).children('div').children('div').children('a').mouseover(function(){
                $(this).addClass('active').siblings().removeClass('active');
                $('.home-floor-content-list').eq(v).children('ul').eq($(this).index()).addClass('active').siblings().removeClass('active');
            })
        });


    })

    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        keyboard: {
            enabled: true,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

    });

    var swiperbbc = new Swiper('.swiper-containeredian', {
        slidesPerView: 5,
        spaceBetween: 0,
        keyboard: {
            enabled: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>